<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>00-作业</title>
</head>
<body>
    <script>
         /* 
                1. 创建元素
                    1.1 document.write()
                    1.2 innerHTML
                    1.3 createElement
                2. 追加节点
                    2.1 appendChild
                    2.2 insertBefore
                3. 删除节点  removeChild
                4. 修改
                    4.1 修改属性  src title href
                    4.2 修改内容  innerHTML  innerText
                    4.3 修改表单  value  
                    4.4 修改样式  style   className
                5. 查
                    getElementById()
                    getElementsByTagName()    获取某些元素的集合
                    querySelector()
                    querySelectorAll()
                6. 父子兄
                     parentNode    childNodes    children  
                     获取兄弟节点：nextSibling   previousSibling
                     获取兄弟元素节点：nextElementSibling  previousElementSibling
                7. 自定义属性
                     getAttribute()
                     setAttribute()
                     removeAttribute()
                     ele.dataset
                8. 事件
                    click focus blur mousemove mouseover mouseout 
                    mouveenter mouseleave mouseup mousedown  
                9. 事件的三要素 
                10. 函数
                11. 构造函数。
                12. 对象
                13. 面向对象   
        */
    </script>
</body>
</html>